/*样式初始化*/
html{overflow:auto;overflow-y:scroll;height:100%; scroll-behavior:smooth;}
body{font-size:1.4rem; color:#333;background:#fff;font-family:microsoft yahei;overflow-x:hidden;}
*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;color: #fff;}
ul,li{list-style:none;margin:0;}
h1,h2,h3,h4,h5,h6,p{margin:0;}
img{max-width: 100%;}
.clear{clear: both;}
.fontcolor{color: #3f4b5a;}
.bgcolor{background: #206bd1;}
.bgcolor1{background: #2e2d2d;}
.bgcolor2{background: #2f3133;}
.bgcolor3{background: #2c3035;}
.bgcolor4{background: #1b1e21;}
.navbar{background:none;margin:0;}
.navbar-default{border:none;}
.navbar-toggle{margin:0;}
.navbar-collapse{max-height: 100%!important;padding:0;}
.container-fluid{padding:0;}
.tz-gallery{padding:0;}
.fl{ float: left;}
.fr{ float: right;}
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*header*/
.header{width:100%; overflow: hidden;}
/*h-top*/
.h-top{width:100%;float: left;height: 30px;background: #2e2d2d;line-height: 30px;color: #fff;}
.h-top h1,.h-top {font-size: 1.4rem;line-height: 30px;}
.h-top {font-size: 1.4rem;line-height: 30px;}
.h-top .right{float: right;color: #fff;}
.h-top .right a{color: #fff;}
.h-top .right a:hover{color: #e87807;}
.h-mid{width:100%;float: left;background: #ffffff;padding:15px 0;}
.tel{ text-align: right;}
#h-nav{width:100%;line-height: 40px;float: left;background:#fff;}
#h-nav .row{background: #fff;}
#h-nav .item{float: left;padding:0;border-left:solid 1px #fff;background-size: 100% 40px;}
#h-nav .item a{color: #3f4b5a;text-align: center;width:25%;float: left;font-size: 17px; font-weight: 999;}
#h-nav .item a:hover{color:#ffa000;border-bottom:solid 3px #ffa000;}
@media(min-width: 768px){
.header{position: relative;}
.h-mid{padding:32px 0;}
#h-nav .item a{height: 55px;line-height: 55px;}
}
@media (min-width: 992px){
#h-nav{height: 55px;background-size: 100% 55px; border-top:1px solid #e4e4e4; }
#h-nav .row{background: none;}
#h-nav .item{border-left:none;text-align: center;background: none;}
#h-nav .item a{line-height:55px;border: none;display: inline-block;width:25%;}
}
@media (min-width: 1200px){
}
/*banner*/
.banner{width:100%;float: left;overflow: hidden;}
.banner .swiper-slide img{width:100%;height: auto;}
@media(min-width:768px){
.banner{margin-top:0px }
}
/*part2*/
.part2{overflow: hidden;width:100%;background: #f4f4f4}
.part2 .keywords{overflow: hidden;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;}
.part2 .keywords span{font-size: 1.4rem;}
.part2 .keywords a{color: #333;font-size: 1.4rem;display: inline-block;}
.part2 .keywords a:hover{color: #ff9000}
.search{width:100%;height: 30px;position: relative;margin:6px 0;background: #fff;overflow: hidden;}
#input_search{ width:330px; border:none; float: left; text-indent:10px; color: #b1b0b0; font-size: 1.4rem;line-height: 28px;}
.search span{position: absolute;top:3px;right:15px;font-size: 2.0rem;z-index: 0;color:#b1b0b0;}
#btn_search{ width:55px; height:30px; float: right; border:none; background:none; text-indent:-9999px; position: absolute;top:0;right:0;z-index: 1;cursor: pointer;}
@media(min-width: 768px){
#input_search{ width:250px; }
.search span{right:5px;}
#btn_search{ width:40px;}
}
@media(min-width: 992px){
#input_search{ width:320px; }
.search span{right:15px;}
#btn_search{ width:55px;}
}
@media(min-width: 1200px){
#input_search{width:410px;}
}
/* company */
.m-company{ width: 100%; margin: 20px 0 0; background: url(../images/m-company-bg.jpg) no-repeat left top; overflow: hidden;}
.m-company-txt .hd{ width: 100%; margin: 63px 0 42px;; border-left: 8px solid #ff8800; height: 62px; color: #fff; overflow: hidden; padding-left: 10px; font-size: 2.5rem;}
.m-company-txt .bd p{ /*padding-left: 43px;*/ font-size: 1.3rem; color: #fff; line-height: 30px;}
.m-company-txt .bd .more{ margin: 20px 0; }
.m-company-txt a{border-radius: 0.3rem; font-size: 1.3rem; color: #fff; border: solid 1px; padding: 10px 30px;}
.m-company-img{padding: 0; overflow: hidden;}
.m-company-img img{ width: 100%; }
@media(min-width: 785px){
.m-company-img ul{ text-align: center;}
.m-company-img img{ width: 100%; }
}
@media(min-width: 992px){
.m-company-txt .bd p{ padding-left: 43px;}
.m-company-img{padding: 60px 0;}
.m-company-txt .bd .more{ margin: 30px 40px; }
}
@media(min-width: 1200px){
.m-company{margin: 50px 0;}
.m-company-img{padding: 60px 0;}
.m-company-txt .bd p{ padding-left: 43px;}
.m-company-txt .bd .more{ margin: 30px 40px; }
.m-company-img img{ min-width: 100%; }
}
/* product */
.big-title-pro{overflow: hidden;padding: 25px 0 25px 20px;}
.big-title-pro .hd{ width: 230px; border-left: solid 8px #ff8800; }
.big-title-pro .t1{ color: #5e7188; font-size: 1.8rem; padding-left: 3.0rem;}
.big-title-pro .t2{ color: #003351; height: 45px; font-family: SimHei; width: 100%; font-size: 3.0rem; line-height: 50px; font-weight: 999; padding-left: 30px;}
.big-title-pro p{text-align: center;color: #333;font-size: 1.8rem;font-family: SimHei;margin-top: 10px}
.m-pro{ background: url(../images/m-pro.jpg) center no-repeat; padding: 40px 0;}
.m-pro-bd .bd{ overflow:hidden; }
.m-pro-bd .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;padding:0px; }
.m-pro-bd .bd ul li{ margin:0px 0 40px; float:left; _display:inline; overflow:hidden; text-align:center;padding:0 15px; }
.m-pro-bd .bd ul li .pic{ text-align:center; border:1px solid #dddddd; width:100%; height: 230px; overflow: hidden; position: relative; }
.m-pro-bd .bd ul li .pic .txt{ position: absolute; left: 0; top:100%; background: rgba(0,0,0,.6); text-align: center; transition: all .3s; box-sizing: border-box; width: 100%; height: 100%; padding:0 8px; }
.m-pro-bd .bd ul li .pic .txt strong{ display: block; font-size: 18px; color: #fff; width: 100%; margin:40px 0 16px; }
.m-pro-bd .bd ul li .pic .txt p{ display: block; font-size: 16px; color: #fff; line-height: 1.8; }
.m-pro-bd .bd ul li:hover .pic .txt{ transition: all .3s; top:0; }
.m-pro-bd .bd ul li .pic img{ display:block; padding:2px; transition:all .5s;}
.m-pro-bd .bd ul li:hover .pic img{transform:scale(1.1,1.1);}
.m-pro-bd .bd ul li .pic a:hover img{ border-color:#999; }
.m-pro-bd .bd ul li .title{background: #fff; line-height:24px;width:100%;height: 44px;text-align: center;line-height: 44px;border-top:none;}
.m-pro-bd .bd ul li .title a{color: #555555; }
.m-pro-bd .bd ul li:hover .title{background: #206bd1;color: #fff;}
.m-pro-bd .bd ul li:hover .title a{color: #fff;}
@media(min-width: 768px){
}
@media(min-width: 992px){
}
@media(min-width: 1200px){
}
/*b-t-y*/
.b-t-y{overflow: hidden;padding: 25px 0;}
.b-t-y .hd{ text-align: center;}
.b-t-y .t1{ color: #525252; font-size: 1.8rem;}
.b-t-y .t2{ color: #2c333d; height: 45px; font-family: SimHei; width: 100%; font-size: 3.7rem; line-height: 20px; font-weight: 999;}
/*m-youshi*/
.m-youshi{overflow: hidden;width:100%;}
.m-youshi-hd{text-align: center;padding:60px 15px;width:100%;}
.m-youshi .txt{width:100%;float:left}
.m-youshi .txt .hd{width:100%;float:left}
.m-youshi .txt .hd .lt1{float: left;}
.m-youshi .txt .hd .lt2{float: left;}
.m-youshi .txt .hd .lt3{float: left;}
.m-youshi .txt .hd .lt4{float: left;}
.m-youshi .txt .hd img{position: absolute; width: 10%; margin: 80px 10px;}
.m-youshi .txt .hd .rt{width:80%;float: right;padding:10px 0;}
.m-youshi .txt .hd .rt .t1{font-family: SimHei;font-weight: bold;font-size: 2.4rem;}
.m-youshi .txt .hd .rt .t2{font-size: 1.8rem;margin-top: 3px;}
.m-youshi .txt .bd{padding:0;box-sizing: border-box;}
.m-youshi .txt .bd li{width:100%;float: left;color: #636363;line-height: 24px;}
.m-youshi .txt .bd li span{width:3px;height: 3px;display: inline-block;background: #8e8e8e;border-radius: 100%;float: left;margin:10px 10px 0 0;}
.m-youshi01{overflow: hidden;width:100%;}
.m-youshi02{margin-top:20px;overflow: hidden; }
.m-youshi-bd{background: url(../images/m-youshi-bg2.jpg) center bottom no-repeat;height: 526px;margin-top: -380px}
@media(min-width: 768px){
.m-youshi .txt .hd .rt{ padding:20px 0 40px; }
.m-youshi .txt .hd img{width: 5%; margin: 50px 50px;}
}
@media(min-width: 992px){
.m-youshi .txt .hd img{width: 10%; margin: 55px 0;}
.m-youshi .txt .bd{padding:0;}
}
@media(min-width: 1200px){
.m-youshi .txt .hd img{width: 10%; margin: 50px 20px;}
.m-youshi01 .right{padding-top:60px;}
.m-youshi02 {margin-top: 60px}
.m-youshi03 .right{margin-top: 60px;}
.m-youshi04 {margin-top: 60px}
}
/*m-pinpai*/
.m-pinpai{width:100%;overflow: hidden;margin-top: 3.7rem;/*float: left;*/}
.m-pinpai-right{overflow: hidden;background: #2f3133;padding:0;}
.m-pinpai-right .txt{float: left;overflow: hidden;padding:50px 35px;box-sizing: border-box;}
.m-pinpai-right .txt span{font-size: 24px;color: #fff;margin-bottom: 15px;}
.m-pinpai-right .txt .span{color: #fff;font-size: 14px;}
.m-pinpai-right .txt p{color: #fff;font-size: 1.4rem;line-height: 36px;padding:15px 0;overflow: hidden;}
.m-pinpai-right .txt .lin{ width: 3.1rem; margin: 40px 0; border-bottom: 2px solid #ff8800; }
.m-pinpai-right .txt .row div{line-height: 1rem; height: 6.6rem; margin-bottom: 100px;}
.m-pinpai-right .txt .row div span{line-height: 35px; float: left;}
.m-pinpai-right .txt .row div span.txt-box span{display: block; float: none;}
.m-pinpai-right .txt .row div span.icon{width: 6.6rem; height: 6.6rem;}
.m-pinpai-right .txt .object{}
.m-pinpai-right .txt .object .icon{ background: url(../images/object.png)center no-repeat;}
.m-pinpai-right .txt .customer{}
.m-pinpai-right .txt .customer .icon{ background: url(../images/customer.png)center no-repeat;}
.m-pinpai-right .txt .user{}
.m-pinpai-right .txt .user .icon{ background: url(../images/user.png)center no-repeat;}
.m-pinpai-right .txt .prize{ }
.m-pinpai-right .txt .row .prize span.icon{background: url(../images/prize.png)center no-repeat;}
.m-pinpai-right .txt .num{ font-size: 3.7rem;}
.m-pinpai-right .txt .txt-t{ font-size: 1.5rem;}
.m-pinpai-left{overflow: hidden;padding:0;}
@media(min-width: 1200px){
.m-pinpai-right .txt .row div{height: 2.6rem;}
.m-pinpai-right .txt{width:506px; padding:50px 0 0 70px;}
.m-pinpai-right .txt span{font-size: 3.7rem;}
.m-pinpai-right .txt .span{ font-size: 14px; }
}
@media(min-width: 992px){
.m-pinpai-right .txt .row div{height: 2.6rem;}
.m-pinpai-right{height: 540px;}
.m-pinpai-right .txt p{height: 100px;}
.m-pinpai-left{background: url(../images/pinpai-img.jpg) left center no-repeat;height: 540px;}
.m-pinpai-rigth .txt span{font-size: 3.7rem;}
.m-pinpai-right .txt .span{ font-size: 14px; }
}
@media(min-width: 768px){
.m-pinpai-right .txt span{font-size: 3.7rem;}
.m-pinpai-left{ overflow: hidden;padding:0;}
.m-pinpai-rigth .txt .span{ font-size: 14px; }
}
/*m-case*/
.m-case{ background:url(../images/m-case.jpg) repeat-x; overflow: hidden; clear:both;}
.m-case-hd p{ padding: 30px 0; font-size: 1.4rem; color: #fff; float: right; line-height: 35px; }
.m-case-bd ul{ overflow: hidden; }
.m-case-bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;padding:0px; }
.m-case-bd ul li{ margin:0px 0 40px; float:left; _display:inline; overflow:hidden; text-align:center;padding:0 15px; }
.m-case-bd ul li a{ display: block; position: relative; }
.m-case-bd ul li .img{ width: 100%; height: 200px; overflow: hidden; }
.m-case-bd ul li .img img{ width: 100%; height: 100%; object-fit: cover; }
.m-case-bd ul li strong{ display: block; width: 100%; height: 46px; line-height: 46px; background: rgba(0,0,0,.6); text-align: center; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 0; }
.m-case-bd ul li:hover strong{color: #fff;}
@media(min-width: 360px){
.b-t-2{overflow: hidden;padding: 30px 0 30px 15px;}
.b-t-2 .hd{ width: 230px; border-left: solid 8px #ff8800; }
.b-t-2 .t1{ color: #fff; font-size: 0.8rem; padding-left: 30px;}
.b-t-2 .t2{ color: #fff; height: 35px; font-family: SimHei; width: 100%; font-size: 2.0rem; line-height: 50px; font-weight: 999; padding-left: 30px;}
}
@media(min-width: 768px){
.b-t-2{overflow: hidden;padding: 30px 0 30px 15px;}
.b-t-2 .hd{ width: 230px; border-left: solid 8px #ff8800; }
.b-t-2 .t1{ color: #fff; font-size: 1.8rem; padding-left: 30px;}
.b-t-2 .t2{ color: #fff; height: 45px; font-family: SimHei; width: 100%; font-size: 3.0rem; line-height: 50px; font-weight: 999; padding-left: 30px;}
}
@media(min-width: 992px){
}
@media(min-width: 1200px){
}
/*m-news*/
.big-title-news{overflow: hidden;padding: 25px 0 25px 20px;}
.big-title-news .hd{ width: 230px; border-left: solid 8px #ff8800; }
.big-title-news .t1{ color: #5e7188; font-size: 1.8rem; padding-left: 3.0rem;}
.big-title-news .t2{ color: #003351; height: 45px; font-family: SimHei; width: 100%; font-size: 3.0rem; line-height: 50px; font-weight: 999; padding-left: 30px;}
.big-title-news p{text-align: center;color: #333;font-size: 1.8rem;font-family: SimHei;margin-top: 10px}
.m-news{padding:0;overflow: hidden;}
.m-news-bd{padding:30px 0;overflow: hidden;}
.m-news-bd .left{padding:60px 30px;background: #f2f5f8;overflow: hidden;margin-bottom: 30px;float: left;}
.m-news-bd .left span{color: #5e7188;font-size: 1.8rem;}
.m-news-bd .left .t1{color: #5e7188;font-size: 3.0rem;text-transform: uppercase;font-weight: bold;margin:15px 0;}
.m-news-bd .left .t2{line-height: 24px;color: #003351;}
.m-news-bd .left img{padding:20px 0;}
.m-news-bd .left .btns{padding:8px 30px;background: #ff8800;color: #fff;border-radius: 5px;display: block;float: left;}
.m-news-bd .left .btns:hover{background: #0876c1;}
.m-news-bd ul{width:100%;overflow: hidden; }
.m-news-bd ul li{border-top:solid 1px #c7c9cd;line-height:50px; height: 50px;float: left;width:100%;margin-bottom: 0px;}
.m-news-bd ul li span{width:3px;height: 3px;background: #5e7188;border-radius: 100%;display: inline-block;float: left;
margin:25px 10px 0 5px;}
.m-news-bd ul li .t1{float: left;width:75%;font-size: 1.5rem;color: #5e7188;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:48px;font-weight: normal;}
.m-news-bd ul li .t2{float: right;color: #5e7188;font-size: 1.8rem;}
.m-news-bd ul li:hover .t1{color: #324256;}
@media(min-width: 992px){
.m-news-bd ul li{margin-bottom: 8px}
}
@media(min-width: 1200px){
.m-news-bd ul li{margin-bottom: 0px}
}
/*footer*/
.footer{overflow: hidden;width:100%;}
.f-nav{ }
.f-nav a{display: inline-block;color: #fff;width:15.5%;float: left;text-align: center; border-right-style:solid; }
.f-nav a:hover{color: #0077db;}
.f-hd{background: #2c3035;padding:16px 0;overflow: hidden;}
.f-hd .left img{width:30%;float: left;object-fit: cover;}
.f-hd .left .rt{width:70%;float: right;color: #fff;padding:0 0 0 10px;}
.f-hd .left .rt .t1{font-size: 1.6rem;line-height: 26px}
.f-hd .left .rt .t2{font-size: 5.4rem;line-height: 60px}
.f-hd .left .rt .t3{font-size:2.5rem;line-height: 30px}
.f-hd .p1{line-height: 30px;color: #fff;font-size: 1.6rem;padding:30px;box-sizing: border-box;width:100%;}
.links{border-top:solid 1px #3a424c;margin-top:40px;padding:20px 0 0;}
.links .rt{width:88%;float: right;}
.links .rt a{display: inline-block;margin:0 15px;font-size: 1.6rem;color: #fff;}
.links .rt a:hover{color: #ff9000}
.f-bd{padding:20px 15px;font-size: 1.6rem;color: #fff;text-align: center;background: #1b1e21; margin-bottom: 50px;}
@media(min-width: 992px){
.f-bd{margin-bottom: 0px;}
.f-hd .left img{width:40%;}
.f-hd .left .rt{width:60%;border-right: solid 1px #3a424c;}
.f-hd .p1{padding:0 30px;}
.links .rt{width:85%;}
}
@media(min-width: 1200px){
.f-bd{margin-bottom: 0px;}
.f-hd .left img{width:40%;}
.f-hd .left .rt{width:60%;}
.f-hd .p1{padding:30px;}
.links .rt{width:88%;}
}
/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 1.6rem;position: fixed;bottom: 0;display: block;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
/*sidebar*/
.big-title-sid{overflow: hidden;padding: 25px 0 25px 20px;}
.big-title-sid .hd{ width: 230px; border-left: solid 8px #ff8800; }
.big-title-sid .t1{ color: #5e7188; font-size: 1.8rem; padding-left: 3.0rem;}
.big-title-sid .t2{ color: #003351; height: 45px; font-family: SimHei; width: 100%; font-size: 3.0rem; line-height: 50px; font-weight: 999; padding-left: 30px;}
.big-title-sid p{text-align: center;color: #333;font-size: 1.8rem;font-family: SimHei;margin-top: 10px}
.sidebar{width:100%;overflow: hidden;}
.s-hd{padding:20px 0;text-align: center;}
.s-bd{padding:0 0 30px 55px; float: left;}
.s-bd a{font-size: 1.8rem; font-weight: 999;width:100%;line-height: 45px;display: block;text-align: left; color: #003351;}
.s-bd a:hover{background: url(../images/p_list.jpg) no-repeat left bottom;}
.s-bd li{ overflow: hidden; }
.s-bd li > div{ height: 0; transition: all .3s; }
.s-bd li > div a{ padding-left: 10px; font-size: 1.6rem; font-weight: normal; }
.s-bd li:hover > div{ height: auto; transition: all .3s; }
/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 1.4rem;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.f-m-nav{ background-color: #222; margin:0; line-height: 50px; position: fixed;z-index: 9999; bottom: 0; width: 100%; overflow: hidden; display: none; }
.f-m-nav li{ float: left; width: 25%; text-align: center;}
.f-m-nav li a{ color: #fff;}
/*l-position*/
.l-position{padding:10px 0;overflow: hidden;width:100%;margin:15px 0;float: left;}
.l-position p{font-size: 1.4rem;padding:0 15px;color: #555;text-align: left;}
.l-position a{color: #555;}
.l-position a:hover{color: #e87807;}
/*list*/
.list{overflow: hidden;padding:30px 0;width:100%;}
.l-bd{}
.l-right{}
.l-right-hd{text-align: center;position: relative;font-size: 3.5rem;font-weight: bold;}
.l-right-hd:before{content: '';position: absolute;top:25px;height: 1px;background: #0067ac;width:25%;left:0;}
.l-right-hd:after{content: '';position: absolute;top:25px;height: 1px;background: #0067ac;width:25%;right:0;}
.l-right-bd{padding:30px 0;line-height: 260%;font-size: 110%}
@media(min-width: 768px){
.l-right-hd:before{width:35%;}
.l-right-hd:after{width:35%;}
}
/*news-box*/
#n-news{ width: 100%;text-indent: center; margin: 15px 0; background-position: 0 0; overflow: hidden;padding:15px;background: #eee;box-sizing: border-box;transition: all .5s}
#n-news .time{ width: 20%; border: 1px solid #0067ac; background: #fff; text-align: center; padding-top: 25px; font-size: 4.0rem; font-weight: 700; line-height: 25px; height: 96px; float: left; color: #0067ac;transition: all .5s}
#n-news .time span{ font-size: 1.4rem;}
#n-news .ntxt{ width:78%; float: right;height: 90px; line-height: 28px; overflow: hidden;}
#n-news .ntxt .title{ color: #333; font-size: 1.6rem; font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#n-news .ntxt .content{font-size: 1.4rem;margin-top: 8px;color: #555;;}
#n-news:hover .time{ border: 1px solid #0067ac; background:#0067ac; color: #fff}
#n-news:hover{box-shadow: 5px 5px 5px #ccc;}
#n-news:hover .ntxt .title{color: #0067ac;}
@media(min-width: 768px){
#n-news .time{width:12%;}
#n-news .ntxt{width:86%;}
}
/*分页效果*/
div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}
div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}
div.digg a:hover{border:#585858 1px solid;color:#000;}
div.digg a:active{border:#585858 1px solid;color:#000;}
div.digg span.current{border:solid 1px #0067ac;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#0067ac;}
div.digg span.disabled{border:#0067ac 1px solid;padding:3px 5px;margin:3px;color:#ddd;}
div.digg select{ border:#0067ac 1px solid; padding:3px 0px;}
/*新闻内页样式*/
.news_title {margin-top: 20px;text-align: center;font-size: 1.8rem;line-height: 36px;font-weight: bold;}
.meta{padding: 15px 0;text-align: center;border-bottom: dashed 1px #cecece;}
.meta img{max-width: 100%;}
#newsnr{margin: 20px 0;}
#prev_next{width:100%;float: left;margin-top: 30px;}
#prev_next li{width:100%;float: left;padding:0 10px; background: #d5d5d5;margin-top:5px;line-height: 260%;border-radius: 5px;}
#prev_next li a{color: #666666;}
#prev_next li:hover a{color: #fff;}
#prev_next li:hover{background: #38393a;color: #fff}
/*图片列表*/
.typelist{padding:0 0 15px;overflow: hidden;width:100%;}
.typelist p a{float: right;color: #fff;font-size:1.6rem;}
.typelist p a:hover{color: #fc9000;}
.typelist .right ul{padding:0;border:solid 1px #008641;overflow: hidden;margin:0;box-sizing: border-box;width:100%;}
.typelist .right a{width:33.333%;float: left;display: inline-block;font-size: 1.4rem;font-weight: normal;color: #333333;margin:0px;text-align: center;padding:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;justify-content: space-between;border:solid 1px #cecece;box-sizing: border-box;}
.typelist .right a:hover{color: #008641;}
@media(min-width: 768px){
.typelist .right a{width:20%;}
.typelist .item .title h4{width:100%;}
}
@media(min-width: 992px){
.typelist{padding:15px 0;}
.typelist .right ul{padding:0;border:none;}
.typelist .item .title h4{width:100%;}
}
/*piclist*/
.piclist{width:100%;float: left;}
.piclist ul{width:100%;float: left;}
.piclist li .pic{ text-align:center; border:1px solid #dddddd; width:100%; height: 230px; overflow: hidden; position: relative; }
.piclist li .pic .txt{ position: absolute; left: 0; top:100%; background: rgba(0,0,0,.6); text-align: center; transition: all .3s; box-sizing: border-box; width: 100%; height: 100%; padding:0 8px; }
.piclist li .pic .txt strong{ display: block; font-size: 18px; color: #fff; width: 100%; margin:40px 0 16px; }
.piclist li .pic .txt p{ display: block; font-size: 16px; color: #fff; line-height: 1.8; }
.piclist li:hover .pic .txt{ transition: all .3s; top:0; }
.piclist li .pic img{ display:block; padding:2px; height: 100%!important; object-fit: cover; transition:all .5s;}
.piclist li:hover .pic img{transform:scale(1.1,1.1);}
.piclist li .pic a:hover img{ border-color:#999; }
.piclist li .title{background: #fff; line-height:24px;width:100%;height: 44px;text-align: center;line-height: 44px;border-top:none;}
.piclist li .title a{color: #555555; }
.piclist li:hover .title{background: #206bd1;color: #fff;}
.piclist li:hover .title a{color: #fff;}
/*产品内页*/
.l-right-bd .hd{overflow: hidden;width:100%;}
.l-right-bd .hd .lt{overflow: hidden;height:350px}
.l-right-bd .hd .rt .t1{font-size: 2.4rem;font-weight: bold;padding: 15px 0;line-height: 30px;}
.l-right-bd .hd .rt .t2{font-size:1.6rem;line-height: 40px;}
.go_order{padding:0px 15px;border:none;background: #0067ac;color: #fff;line-height: 26px;}
.l-right-bd .hd .rt .t3{font-size: 1.6rem;line-height: 36px}
.l-right-bd .bd{margin-top: 30px;}
.l-right-bd .bd p span{background: #0067ac;color: #fff;font-size: 1.6rem;padding:10px 15px;}
.l-right-bd .bd .content{line-height: 260%;padding:30px 0;}
/* message styles */
.message{width:100%;float: left;overflow: hidden;margin-left: 5px;}
.message ul{overflow: hidden;}
.message li{float: left; margin:10px 0;}
.message input {position: relative;display: block;float: left;padding:0 15px;width: 100%;border: solid 1px #cccccc;border-radius: 0;background: #fff;color: #0075c5;font-weight: bold;border-radius: 5px}
.message textarea {position: relative;display: block;float: left;padding:.5em;width: 100%;border: solid 1px #cccccc;border-radius: 0;background: #fff;color: #0075c5;font-weight: bold;resize:none;border-radius: 5px}
.message textarea:focus {outline: none;}
.message input:focus {outline: none;}
.message #submit{height: 40px;line-height: 40px;padding:0;color: #fff;background:#0067ac;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;}
.message #submit:hover{background:#044d7d;}
.order-content{padding: 20px 30px;background: #fff;}
.order-content .order-line{color: #333;height: 30px;line-height: 30px;margin-bottom: 12px;font-size: 1.4rem;}
.order-content .order-line:after{display: block;content: '';clear: both;height: 0;width: 0;}
.order-content .order-line lable{width: 70px;margin-right: 5px;display: inline-block;float: left;text-align: right;}
.order-content .order-line .order-zhi{float: left;padding: 10px;line-height: 30px;padding: 0px 10px;max-width: 380px;border: 1px solid #d2d2d2;}
.order-content .order-line .order-zhi.noborder{border:none;}
.order-content .order-line .order-zhi.overword{height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.order-line.bz-line{height: auto;}
.order-content .order-line .beizhu{padding: 10px;float: left;border: 1px solid #d2d2d2;}
.order-content .order-line .dwid{width: 230px;}
.order-content .order-line img{display: inline-block;float: left;margin-left:15px;}
.order-content .go-sub{margin-left:70px;border: none;color: #fff;background: #ff5e25;font-size: 1.4rem;padding: 8px 28px;margin-top:8px;border-radius: 5px;outline: none;}
.order-content .go-sub:hover{background: #FE4200;}
@media(max-width: 640px){
.m-pro-bd .bd ul li .pic, .piclist li .pic{ height: 146px; }
}